@charset "utf-8";
/*瀑布流*/


#masonry{margin: 0 auto;}
#masonry .box{width: 250px;
    padding: 8px; background: #fff; margin:  0 0px 20px;border: 1px solid #d8d4c8;
    border-radius: 5px;
}
#masonry .box:hover{/*box-shadow: 0px 0px 10px #eae3d2; border: 1px solid #cbe184;animation: ss 0.3s ease-in-out;*/}
#masonry .box:hover .img{opacity: 0.8}


#masonry .box .img{width: 100%;}
#masonry .box .ttl{line-height: 23px; font-size: 14px; padding:  8px 0;word-break:break-all;
    font-weight: bold;
    color: #3b3b3b;}

#masonry .box .desc{color: #727272}
#masonry .box .bottom{padding: 10px 0 0 0;
    color: #909090;}
#masonry .box .bottom .read i,.content #masonry .box .bottom .time i{font-size: 10px;
    display:  inline-block;width:  15px; }
#masonry .box .bottom span{color: #dcc09c}
#masonry .box .bottom  div{ cursor: pointer}
#masonry .box .bottom  div:hover i{color: #03d522;}


